// 模板字符串 ``

let str = `这是一个模板字符串`;
console.log("查看模板字符串是否可以输出", str);

// 特性1: 可以使用 ${} 进行变量拼接
let name = "石峰";
let sayHello = `我的名字叫${name}`;
console.log(sayHello);

// 特性2: 可以让字符串换行显示
let result = {
  name: "张三",
  age: 20
};
let html1 = `
  <div>
    <span>${result.name}</span>
    <span>${result.age}</span>
  </div>
`
// 输出也是换行的，非常美观
console.log(html1);

// 特性3:可以在字符串内调用函数
const fn = () => {
  return "追不到我把 哈哈哈哈"
}
// 会在调用函数的位置输出函数的返回值
let html2 = `我是模板字符串 ${fn()}`;
console.log(html2);